﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css" >
	<link href="../../css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" type="text/css" href="../../css/iotxstyle.css" >
</head>
<body>
<!-- PAGE -->
<section>
	<!-- welcome -->
				<div class="col-md-4 col-md-offset-4">
					<div class="welcome-box-plain">
							<div class="guide">
								<img class="guideImg" src="../../img/向导1.png">
							</div>
							<div class="connect">
								<div class="connectway">
									<div class="selectconnect">
										请选择上网模式
									</div>
									<div class="selectoption">
									<input type="checkbox" id="checkbox-1-1" class="regular-checkbox" /><label for="checkbox-1-1"></label>
									<div class="optionway" >WLAN</div>
									</div>
									<div class="selectoption">
										<input type="checkbox" checked="" id="checkbox-1-2" class="regular-checkbox" /><label for="checkbox-1-2"></label>
										<div class="optionway" >Mobile Network</div>
									</div>
								</div>
								<img class="connectline" src="../../img/connectline.png">
								<div class="connectdetail">
									<div class="connecttitle" style="border-bottom: solid #d6d6d6 1px">
										Please select the network

									</div>
									<div class="connecttitle" style="border-bottom: solid #d6d6d6 1px">
										Access Point Names
										<h4 style="float: right;margin-right: 20%">CMNET</h4>
									</div>
									<div class="connecttitle" style="padding-right: 16%">
										Network Type
										<label class="demo--label">
											<input checked="checked" class="demo--radio" type="radio" name="demo-radio">
											<span class="demo--radioInput"></span>Auto
										</label>

									</div>
									<div class="connecttitle" style="padding-right: 3.5%">
										<label class="demo--label">
											<input class="demo--radio" type="radio" name="demo-radio">
											<span class="demo--radioInput"></span>4G/3G/2G auto
										</label>
									</div>
									<div class="connecttitle" style="padding-right: 15%">
										<label class="demo--label">
											<input class="demo--radio" type="radio" name="demo-radio">
											<span class="demo--radioInput"></span>GPRS
										</label>
									</div>
									<div class="connecttitle" style="padding-right: 12.8%">
										<label class="demo--label">
											<input class="demo--radio" type="radio" name="demo-radio">
											<span class="demo--radioInput"></span>NB-IOT
										</label>
									</div>


								</div>

							</div>
							<div class="next">
								<button id="nextbutton" class="nextbutton">NEXT</button>
							</div>
					</div>
				</div>
	<!--/welcome -->
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="../../js/jquery-2.0.3.min.js"></script>
<!-- JQUERY UI-->
<script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="../../js/script.js"></script>
<script>
    jQuery(document).ready(function() {
		$('#nextbutton').click(function(){
			window.location.href='guideinfo.html';
		});
    });
    $("#checkbox-1-1").click(function(){
        if($(this).prop('checked')==true){
            window.location.href='guide.html';
        }
    });
    $("#checkbox-1-2").click(function(){
        if($(this).prop('checked')==false) {
            $('.connectdetail').css('display', 'none')
        }else{
            $('.connectdetail').css('display', 'block')
		}
    });
</script>
</body>
</html>